/**
 * Created by Administrator on 2017/5/24.
 */

$(function () {

    //全局的checkbox选中和未选中的样式
    var $allCheckbox = $('input[type="checkbox"]'),     //全局的全部checkbox
        $wholeChexbox = $('.whole_check'),
        $cartBox = $('.cartBox'),                       //每个商铺盒子
        $shopCheckbox = $('.shopChoice'),               //每个商铺的checkbox
        $sonCheckBox = $('.son_check');                 //每个商铺下的商品的checkbox
    $allCheckbox.live("click",function () {
        if ($(this).is(':checked')) {
            $(this).next('label').addClass('mark');
        } else {
            $(this).next('label').removeClass('mark')
        }
    });
    //左边搜索表格checkbox选中和未选中的样式
    $('.table_serch input[type="checkbox"]').live("click",(function(){
    	if ($(this).is(':checked')) {
            $(this).addClass('mark');
        } else {
            $(this).removeClass('mark')
        }
    }))
    
    var $tdput = $('td input[type="checkbox"]');
    //=====左边全选和全部选的样式======
    $("#serch_all").live("click",function(){

    	if ($(this).is(':checked')) {
            $tdput.prop("checked", true);
            $tdput.addClass('mark');
        } else {
            $tdput.prop("checked", false);
            $tdput.removeClass('mark');
        }
    })
    //=====如果单个将所有商品全部选中，则全选按钮添加选中样式，否则没有全选样式===
    $tdput.each(function(){       
    	$(this).live("click",function () {
            if ($(this).is(':checked')) {
				var length = $tdput.length;
                var num = 0;
                $tdput.each(function () {
                    if ($(this).is(':checked')) {
                        num++;
                    }
                });
                if (num == length) {
                    $("#serch_all").prop("checked", true);
                    $("#serch_all").addClass('mark');
                }
            } else {
                //单个商品取消勾选，全局全选取消勾选
                $("#serch_all").prop("checked", false);
                $("#serch_all").removeClass('mark');
            }
        })
    })
    //===============================================全局全选与单个商品的关系================================
    $wholeChexbox.live("click",function () {
        var $checkboxs = $cartBox.find('input[type="checkbox"]');
        if ($(this).is(':checked')) {
            $checkboxs.prop("checked", true);
            $checkboxs.next('label').addClass('mark');
        } else {
            $checkboxs.prop("checked", false);
            $checkboxs.next('label').removeClass('mark');
        }
        totalMoney();
    });

	
   
	//===================将左边的商品单个加入到购物车里面==========================
	$(".add").click(function(){		
		var name = $(this).parent().siblings(".name").text(); 
		var pinpai = $(this).parent().siblings(".pinpai").text(); 
		var xinghao = $(this).parent().siblings(".xinghao").text(); 
		var danwei = $(this).parent().siblings(".danwei").text(); 
		var kucun = $(this).parent().siblings(".kucun").text(); 
		var price = $(this).parent().siblings(".price").text(); 
		var inDex = $(this).parent().siblings(".name").attr("tit");
		var serchData={
			'name':name,
			'pinpai':pinpai,
			'xinghao':xinghao,
			'danwei':danwei,
			'kucun':kucun,
			'price':price,
//			'index':inDex
		}	
		var html="";
		html+='<ul class="order_lists"><li class="list_chk"><input type="checkbox" id="checkbox_'+inDex+'" class="son_check"><label for="checkbox_'+inDex+'"></label></li>';
		html+='<li class="list_con"><div class="list_text"><span>'+serchData.name+'</span></div></li>';
		html+='<li class="list_pinpai"><p>'+serchData.pinpai+'</p></li><li class="list_info"><p class="xinghao">'+serchData.xinghao+'</p></li>';
		html+='<li class="list_price"><p class="price">'+serchData.price+'</p></li>';
		html+='<li class="list_amount"><div class="amount_box"><a href="javascript:;" class="reduce reSty">-</a><input type="number" value="1" class="sum"><a href="javascript:;" class="plus">+</a></div></li>';
		html+='<li class="list_long"><div class="amount_box"><input type="number" value="1" class="sumLong"></div></li>';
		html+='<li class="list_sum"><p class="sum_price">'+'￥'+price+'</p></li>';
		html+='<li class="list_op"><p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p></li></ul>';	
		if($("#checkbox_"+inDex+"").length>0){
			names = [];
			alert("已经选过此商品");
			return false
		}
		$(".order_content").append(html)
		 $(".son_check").each(function () {
	        $(this).live("click",function () {
	            if ($(this).is(':checked')) {
	                //判断：所有单个商品是否勾选
	                var len =  $(".son_check").length;
	                console.log(len)
	                var num = 0;
	                $(".son_check").each(function () {
	                    if ($(this).is(':checked')) {
	                        num++;
	                    }
	                });
	                if (num == len) {
	                    $wholeChexbox.prop("checked", true);
	                    $wholeChexbox.next('label').addClass('mark');
	                }
	                        totalMoney();
	            } else {
	                //单个商品取消勾选，全局全选取消勾选
	                $wholeChexbox.prop("checked", false);
	                $wholeChexbox.next('label').removeClass('mark');
	                        totalMoney();
	            }
	        })
	    })		
	})
	//=================将左边的商品批量多个加入到右边=======================
	var names=[];
	$tdput.each(function () {
        $(this).live("click",function () {
            if ($(this).is(':checked')) {
              	var name = $(this).parent().siblings(".name").text(); 
				var pinpai = $(this).parent().siblings(".pinpai").text(); 
				var xinghao = $(this).parent().siblings(".xinghao").text(); 
				var danwei = $(this).parent().siblings(".danwei").text(); 
				var kucun = $(this).parent().siblings(".kucun").text(); 
				var price = $(this).parent().siblings(".price").text(); 
				var inDex = $(this).parent().siblings(".name").attr("tit");
				
				names.push({
					'name':name,
					'pinpai':pinpai,
					'xinghao':xinghao,
					'danwei':danwei,
					'kucun':kucun,
					'price':price,
					'index':inDex
				})
				console.log(names);
            } else {
            	for(i in names){
            		if(names[i].index == $(this).parent().siblings(".name").attr("tit") ){
            			names.splice(i,1)
            		}
            	}
            }
        })
    })		
    $("#serch_all").live("click",function(){
    	names=[];
		if($(this).is(':checked')){
			$tdput.each(function () {
	            if ($(this).is(':checked')) {
	              	var name = $(this).parent().siblings(".name").text(); 
					var pinpai = $(this).parent().siblings(".pinpai").text(); 
					var xinghao = $(this).parent().siblings(".xinghao").text(); 
					var danwei = $(this).parent().siblings(".danwei").text(); 
					var kucun = $(this).parent().siblings(".kucun").text(); 
					var price = $(this).parent().siblings(".price").text(); 
					var inDex = $(this).parent().siblings(".name").attr("tit");
					
					names.push({
						'name':name,
						'pinpai':pinpai,
						'xinghao':xinghao,
						'danwei':danwei,
						'kucun':kucun,
						'price':price,
						'index':inDex
					})
					console.log(names);
					
	            } else {
	                for(i in names){
	            		if(names[i].index == $(this).parent().siblings(".name").attr("tit") ){
	            			names.splice(i,1)
	            		}
	            	}
	            }
	       
    		})		
		}
	})
    $(".addition").live("click",function(){
    	$('.table_serch input[type="checkbox"]').removeClass('mark');
//		console.log(names);
		for(var i=0;i<names.length;i++){
			var html="";
			html+='<ul class="order_lists"><li class="list_chk"><input type="checkbox" id="checkbox_'+names[i].index+'" class="son_check"><label for="checkbox_'+names[i].index+'"></label></li>';
			html+='<li class="list_con"><div class="list_text"><span>'+names[i].name+'</span></div></li>';
			html+='<li class="list_pinpai"><p>'+names[i].pinpai+'</p></li><li class="list_info"><p class="xinghao">'+names[i].xinghao+'</p></li>';
			html+='<li class="list_price"><p class="price">'+names[i].price+'</p></li>';
			html+='<li class="list_amount"><div class="amount_box"><a href="javascript:;" class="reduce reSty">-</a><input type="text" value="1"  class="sum"><a href="javascript:;" class="plus">+</a></div></li>';
			html+='<li class="list_long"><div class="amount_box"><input type="number" value="1" class="sumLong"></div></li>';
			html+='<li class="list_sum"><p class="sum_price">'+'￥'+names[i].price+'</p></li>';
			html+='<li class="list_op"><p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p></li></ul>';	
			if($("#checkbox_"+names[i].index+"").length>0){
				alert("重复选择商品，请重新选择");
				$('.table_serch input[type="checkbox"]').prop("checked", false);
				$('.table_serch input[type="checkbox"]').removeClass('mark');
				return false
			}
		$(".order_content").append(html)	 ;
		}
		names = [];
	
		
		$(".son_check").each(function () {
	        $(this).live("click",function () {
	            if ($(this).is(':checked')) {
	                //判断：所有单个商品是否勾选
	                var len =  $(".son_check").length;
	                console.log(len)
	                var num = 0;
	                $(".son_check").each(function () {
	                    if ($(this).is(':checked')) {
	                        num++;
	                    }
	                });
	                if (num == len) {
	                    $wholeChexbox.prop("checked", true);
	                    $wholeChexbox.next('label').addClass('mark');
	                }
	                        totalMoney();
	            } else {
	                //单个商品取消勾选，全局全选取消勾选
	                $wholeChexbox.prop("checked", false);
	                $wholeChexbox.next('label').removeClass('mark');
	                        totalMoney();
	            }
	        })
	    })		
		
	})
    //=======================================每个店铺checkbox与全选checkbox的关系/每个店铺与其下商品样式的变化===================================================

    //店铺有一个未选中，全局全选按钮取消对勾，若店铺全选中，则全局全选按钮打对勾。
//  $shopCheckbox.each(function () {
//      $(this).live("click",function () {
//          if ($(this).is(':checked')) {
//              //判断：店铺全选中，则全局全选按钮打对勾。
//              var len = $shopCheckbox.length;
//              var num = 0;
//              $shopCheckbox.each(function () {
//                  if ($(this).is(':checked')) {
//                      num++;
//                  }
//              });
//              if (num == len) {
//                  $wholeChexbox.prop("checked", true);
//                  $wholeChexbox.next('label').addClass('mark');
//              }
//
//              //店铺下的checkbox选中状态
//              $(this).parents('.cartBox').find('.son_check').prop("checked", true);
//              $(this).parents('.cartBox').find('.son_check').next('label').addClass('mark');
//          } else {
//              //否则，全局全选按钮取消对勾
//              $wholeChexbox.prop("checked", false);
//              $wholeChexbox.next('label').removeClass('mark');
//
//              //店铺下的checkbox选中状态
//              $(this).parents('.cartBox').find('.son_check').prop("checked", false);
//              $(this).parents('.cartBox').find('.son_check').next('label').removeClass('mark');
//          }
//          totalMoney();
//      });
//  });


    //========================================每个店铺checkbox与其下商品的checkbox的关系======================================================

    //店铺$sonChecks有一个未选中，店铺全选按钮取消选中，若全都选中，则全选打对勾
//  $cartBox.each(function () {
//      var $this = $(this);
//      var $sonChecks = $this.find('.son_check');
//      $('.son_check').each(function () {
////          $(this).live("click",function () {
//              if ($(this).is(':checked')) {
//                  //判断：如果所有的$sonChecks都选中则店铺全选打对勾！
//                  var len = $sonChecks.length;
//                  console.log(len)
//                  var num = 0;
//                  $sonChecks.each(function () {
//                      if ($(this).is(':checked')) {
//                          num++;
//                      }
//                  });
//                  if (num == len) {
//                      $(this).parents('.cartBox').find('.shopChoice').prop("checked", true);
//                      $(this).parents('.cartBox').find('.shopChoice').next('label').addClass('mark');
//                  }
//
//              } else {
//                  //否则，店铺全选取消
//                  $(this).parents('.cartBox').find('.shopChoice').prop("checked", false);
//                  $(this).parents('.cartBox').find('.shopChoice').next('label').removeClass('mark');
//              }
//              totalMoney();
////          });
//      });
//  });

    //=================================================商品数量==============================================
    var $plus = $('.plus'),
        $reduce = $('.reduce'),
        $all_sum = $('.sum'),
        $inputVal,//当前input
        $count,
        $obj,
        $priceTotalObj,//总价
        $price,
        $priceTotal;
	//====商品数量+
    $plus.live("click",function () {
    	$inputVal= $(this).prev('input');
        $count = parseInt($inputVal.val())+1;//当前input值+1
        $obj = $(this).parents('.amount_box').find('.reduce');// 
        $price = $(this).parents('.order_lists').find('.price').html();  //单价
        $priceTotalObj = $(this).parents('.order_lists').find('.sum_price');
        $priceTotal = $count*parseInt($price);//计算价钱     
        $inputVal.val($count);
        $priceTotalObj.html('￥'+$priceTotal);
        if($inputVal.val()>1 && $obj.hasClass('reSty')){
            $obj.removeClass('reSty');
        }
        totalMoney();
    });
    //商品数量减
    $reduce.live("click",function () {
        var $inputVal = $(this).next('input'),
            $count = parseInt($inputVal.val())-1,
            $priceTotalObj = $(this).parents('.order_lists').find('.sum_price'),
            $price = $(this).parents('.order_lists').find('.price').html(),  //单价
            $priceTotal = $count*parseInt($price);
        if($inputVal.val()>1){
            $inputVal.val($count);
            $priceTotalObj.html('￥'+$priceTotal);
        }
        if($inputVal.val()==1 && !$(this).hasClass('reSty')){
            $(this).addClass('reSty');
        }
        totalMoney();
    });
	//长度加==================
	//长度减==================
	
	$(".sumLong").live("blur",function(){
		if($(this).val().substr(0,1)==0){
			$(this).val("1")
		}else if($(this).val()<=0){
			alert("请输入正确的长度");
			$(this).val("1")
			return false;
		}
	})

	
    $all_sum.live("blur",function () {
        var $count = 0,
            $priceTotalObj = $(this).parents('.order_lists').find('.sum_price'),
            $price = $(this).parents('.order_lists').find('.price').html(),  //单价
            $obj = $(this).parents('.amount_box').find('.reduce'),
            $priceTotal = 0;
        if($(this).val().substr(0,1)==0){
			$(this).val("1")
		}else if($(this).val()<=0){
			alert("请输入正确的数量");
			$(this).val("1")
			return false;
		}
        $count = $(this).val();
        $priceTotal = $count*parseInt($price);
        $(this).attr('value',$count);
        $priceTotalObj.html('￥'+$priceTotal);
         if($(this).val()>1 && $obj.hasClass('reSty')){
            $obj.removeClass('reSty');
        }
        totalMoney();
    })
	//=======================长度价钱计算====================
	
    //======================================移除商品========================================

    var $order_lists = null;
    var $order_content = '';
    //移除单个商品
    $('.delBtn').live("click",function () {
        $order_lists = $(this).parents('.order_lists');
        $order_content = $order_lists.parents('.order_content');
        $('.model_bg').fadeIn(300);
        $('.my_model').fadeIn(300);
    });
    //移除多个商品
	$(".delete").live("click",function(){
		$(".son_check").each(function(){
			if($(this).is(':checked')){
   				$('.model_bg').fadeIn(300);
        		$('.delAll').fadeIn(300);
        		var $delMore = $(this).parents('.order_lists');
        		$('.dialog-sure-all').live("click",function () {
			        $delMore.remove();
			        $(".whole_check").next("label").removeClass('mark')
			        closeM();
			        totalMoney();
			    })
			}
		})
	})
    //关闭模态框
    $('.closeModel').live("click",function () {
        closeM();
    });
    $('.dialog-close').live("click",function () {
        closeM();
    });
    function closeM() {
        $('.model_bg').fadeOut(300);
        $('.my_model').fadeOut(300);
        $('.delAll').fadeOut(300);
    }
    //确定按钮，移除商品
    $('.dialog-sure').live("click",function () {
        $order_lists.remove();
        if($order_content.html().trim() == null || $order_content.html().trim().length == 0){
            $order_content.parents('.cartBox').remove();
        }
        closeM();
        $sonCheckBox = $('.son_check');
        totalMoney();
    })

    //======================================总计==========================================

    function totalMoney() {
        var total_money = 0;
        var total_count = 0;
        var calBtn = $('.calBtn a');      
        $(".son_check").each(function () {
            if ($(this).is(':checked')) {
                var goods = parseInt($(this).parents('.order_lists').find('.sum_price').html().substring(1));
                var num =  parseInt($(this).parents('.order_lists').find('.sum').val());
                total_money += goods;
                total_count += num;
    			console.log(total_money)
                  
            }
        });
        $('.total_text').html('￥'+total_money);
        $('.piece_num').html(total_count);

        // console.log(total_money,total_count);

        if(total_money!=0 && total_count!=0){
            if(!calBtn.hasClass('btn_sty')){
                calBtn.addClass('btn_sty');
            }
        }else{
            if(calBtn.hasClass('btn_sty')){
                calBtn.removeClass('btn_sty');
            }
        }
    }


});